<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="../css/personalCenter.css"/>
	<script src="http://haiqiancun.com/file/demo/custom.modernizr.js"></script> 
</head>
<body>
<!-- 页面吸顶菜单 -->
<div id="page_nav">
	<div class="iiner">
		<img src="../img/face.png" alt="艺人详细资料" titlle="艺人详细资料"/>
		<span>山河</span>
		<em class="sex"></em>
		<em class="address"></em>
		<span>浙江-杭州</span>
		<em class="zan"></em>
		<span>188</span>
		<em class="like"></em>
		<span>106</span>
		<em class="work"></em>
		<span>工作预约</span>
		<em class="date"></em>
		<span>档期日历</span>
	</div>
</div>

<header>
	<!-- 背景图 -->
	<img class="header_bg" src="../img/perpleCenter.png"/>
	<!-- 蒙版 -->
	<div class="banner_mask"></div>
	<!-- banner图 -->
	<div class="banner">
		<div class="face">
			<img class="artist_certification" src="../img/HeadPortrait.png">
			<span class="renzheng">V</span>
		</div>
		<div class="infor">
			<p class="stage_name">
				<span>山河</span>
				<img class="sex" src="../img/women.png">
			</p>
			<p class="stage_address">
				<img class="address" src="../img/address.png"/>
				<span>浙江-杭州</span>
			</p>
		</div>
		
		<ul class="message_list">
			<li>
				<div><img src="../img/Calenda.png"/></div>
				<div>档期</div>
			</li>
			<li>
				<div><img src="../img/点赞.png"/></div>
				<div>188</div>
			</li>
			<li>
				<div><img src="../img/喜欢.png"/></div>
				<div>106</div>
			</li>
			<li>
				<div><img src="../img/工作预约.png"></div>
				<div>预约</div>
			</li>
		</ul>
	</div>
</header>
</body>
<script type="text/javascript" src="../js/personalCenter.js"></script>
</html>